<!--取钥匙页面-->
<template>
	<view class="page_all">
		<view class="page_titleArea">
			<view class="page_title_line">
				<view class="page_title_line_left" @click="leftClick()"><image src="../../static/all/back_white.png" style="width:50rpx;height:50rpx;"></image></view>
				<view class="page_title_line_middle">领取钥匙</view>
				<view class="page_title_line_left"></view>
			</view>
		</view>
		<view class="page_contentArea" style="background-color:#F7F7F7;">
			<view class="space_80"></view>
			<view class="input_box_title">
				<view class="input_box_title_L">
					<image src="../../static/all/r_msg.png" style="width:45rpx;height:45rpx;"></image>
					<span style="padding: 10rpx;"></span>信息提示：{{boxCode}}号钥匙柜
				</view>
				<view class="input_box_title_R"></view>
			</view>
			<view class="r_message">
				请在{{boxCode}}号钥匙柜自行领取，用车前请拍照清晰的里程表照片，并提交上传，在用车过程中如果进行了加油，请拍摄清晰的加油机显示屏照片，以便还车时提交上传。
			</view>
			<view class="space_180"></view>
			<!--提交按钮行-->
			<view v-if="btn==1" class="r_key_btn" @click="form_task_progress_submit()">打开柜门</view>
			<view v-if="btn==0" class="r_key_btn btn_notClick">柜门打开中……</view>
			<view class="space_80"></view>
		</view>
	</view>
</template>

<script>
	import utils from "@/utils/business/services.js";
	export default {
		data() {
			return {
				accessTaskId:"", //用于接收页面传参（申请单任务id）
				boxCode:"", //用于接收页面传参（钥匙柜号）
				form_task_progress: {
					accessTaskId: '', //任务id（新增时用）
					status:"able", 
				},
				//防重复提交
				btn: 1, //0：不可用  1：可用（默认可用）
				
				//在此之上补充变量
			}
		},
		watch: {},
		onLoad(option) {
			getApp().globalData.query_flag=0; //在子页面（提交成功后需要刷新父页面）中将刷新控制变量置为0
			
			if(JSON.stringify(option)!="{}"){
				this.accessTaskId=option.accessTaskId;
				this.boxCode=option.boxCode;
			}
		},
		onShow() {},
		methods: {
			/******************************以下是通用方法*********************************/
			//顶部导航回退箭头点击触发
			leftClick(){
				utils.pageBack();
			},
			//隐藏系统键盘
			hideKeyboard() {
				uni.hideKeyboard();
			},
			/******************************以上是通用方法**********************************/
			/******************************以下是业务方法*********************************/
			//主提交方法
			form_task_progress_submit(){
				var that=this;
				that.form_task_progress.accessTaskId=that.accessTaskId;
				console.log("车队审核提交的参数==",that.form_task_progress);
				uni.showModal({
						title: '提示',
						content: '确定开柜门领取钥匙吗？',
						success: function(res) {
							if (res.confirm) {
								that.btn=0; //按钮置为不可用
								utils.getKeyEvent(that.form_task_progress).then(res => {
									console.log('申请人领取车钥匙接口的返回值==',res); 
									that.btn=1; //无论成功与否按钮均置为可用
									if(res.data.status=="success"){
										getApp().globalData.query_flag=1; //查询全局控制变量(避免列表页面重复查询2次)
										uni.showToast({
											title:'领取成功！',
											icon: 'success'
										});
										setTimeout(() => {
											//关闭当前页，刷新列表页面
											utils.pageBack();
										}, 1000); //显示toast 500毫秒之后执行
									}
									if(res.data.status=="error"){
										let msg=res.data.message;
										uni.navigateTo({
											url:'/pages/error/error?errorMsg='+msg 
										}) 
									}
								}).catch(error => {
									uni.navigateTo({
										url:'/pages/error/error?errorMsg='+error
									})
								})
							} 
							else {
								//执行取消后的操作
							}
						}
					})//uni.showModal结束
			},
			/******************************以上是业务方法**********************************/
			
			/*********************在此之上补充方法**********************/
		},
	}
</script>
<style lang="scss">
@import '../../common/css/page.css'; 
@import '../../common/css/b_form.css';
@import '../../common/css/review.css';
</style>